<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=none">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>电梯信息</title>
</head>
<script src="../src/js/base/h5base.js"></script>
<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
<body>
<div id="app" v-cloak>
    <div class="ele-info">
        <div class="header">
            <p class="h-blue msg">所在小区：{{headerMsg.entrance}}</p>
            <p class="h-blue maint-num">维保次数：{{headerMsg.maintainCount}}次</p>
            <p class="h-blue rep-num">维修次数：{{headerMsg.repairCount}}</p>
            <p class="h-gary last-maint">上次维保：{{headerMsg.lastMaintainDate}}</p>
            <p class="h-gary next-maint">下次维保：{{headerMsg.nextMaintainDate}}</p>
            <p class="h-gary year-check">年检时间：{{headerMsg.yearCheckDate}}</p>
        </div>
        <div class="info-detail">
            <p>电梯类型：<span>{{headerMsg.type}}</span></p>
            <p>品牌：<span>{{headerMsg.brand}}</span></p>
            <p>型号：<span>{{headerMsg.model}}</span></p>
            <p>注册代码：<span>{{headerMsg.registerCode}}</span></p>
            <p>层／站：<span>{{headerMsg.floorAndStation}}</span></p>
            <p>载重：<span>{{headerMsg.loadCapacity}}</span></p>
            <p>速度：<span>{{headerMsg.speed}}</span></p>
            <p>初见日期：<span>{{headerMsg.madeDate}}</span></p>
            <p>合格证照片：</p>
            <div class="quality-ok">
                <img :src="headerMsg.imgUrl" alt="">
            </div>
            <p>产权单位：<span>{{headerMsg.productedUnit}}</span></p>
            <p>使用单位：<span>{{headerMsg.usingUnit}}</span></p>
            <p>安装单位：<span>{{headerMsg.installUnit}}</span></p>
        </div>
    </div>
</div>
</body>
</html>